<template>
<div class="likeThis">
	<div class="likeTitle">
		喜欢这首歌的人也听
	</div>
	
	<likethis-list :list='list' class="thislist"></likethis-list>
	
</div>

</template>

<script>
import likethisList from '@/components/likethisList'
	
export default {
	name:"likeThis",
	components:{
		likethisList
	},
	props:['list']
}


</script>

<style lang="scss" scoped="scoped">
@import '../scss/common';
@import '../scss/reset';

.likeTitle{
	position: relative;
    padding-left: r(20px);
    line-height: r(36px);
    color: #fff;
    font-size: r(32px);
    text-align: left;
    &::after{
    	content: "";
	    display: block;
	    position: absolute;
	    top: r(2px);
	    left: 0;
	    width: r(4px);
	    height: r(32px);
	    background: #d33a31;
    }
    
}
.thislist{
	margin-top: r(20px);
	margin-bottom:r(200px);
}
</style>